<template>
	<div>
	<el-tabs type="border-card">
		<el-tab-pane label="基础资料">
		<el-form ref="form" :model="form.addPeopleInfo"  :rules="rules.addPeopleInfo" label-width="100px">

						<el-form-item label="姓名" prop="peopleName">
								<el-input v-model="form.addPeopleInfo.peopleName"></el-input>
						</el-form-item>

						<el-form-item label="手机" prop="peoplePhone">
								<el-input v-model="form.addPeopleInfo.peoplePhone"></el-input>
						</el-form-item>

						<el-form-item label="涉及领域" prop="peopleDomain">
				<el-checkbox-group v-model="form.addPeopleInfo.peopleDomain">
						<el-checkbox v-for="item in initData.domainList" :label="item.label" :key="item.value">{{item.label}}</el-checkbox>
					</el-checkbox-group>
						</el-form-item>
						<el-form-item label="能力类型" prop="peopleCareer">
				<el-checkbox-group v-model="form.addPeopleInfo.peopleCareer">
						<el-checkbox v-for="career in initData.careerList" :label="career.label" :key="career.value">{{career.label}}</el-checkbox>
					</el-checkbox-group>
						</el-form-item>
				</el-form>
		</el-tab-pane>
		<el-tab-pane label="历史版本">角色管理</el-tab-pane>
		<el-tab-pane label="附件栏">定时任务补偿</el-tab-pane>
	</el-tabs>
	</div>
</template>
<script>
export default{
	data(){
		return{
			input5:'',
	      	select:'',
			form:{
				addPeopleInfo:{
					peopleName:'',
					peoplePhone:'',
					peopleDomain:[],
					peopleCareer:[],
				},
			},
			rules:{
				addPeopleInfo:{
					peopleName:[
						{required:true,message:'请输入企业名称',trigger:'blur'},
					],
					peoplePhone:[
						{required:true,message:'请输入手机号',trigger:'blur'},
					],
					peopleCareer:[
						{required:false},
					],
					peopleDomain:[
						{type:'array',required:true,message:'请至少选择一个领域',trigger:'change'},
					]
				}
			},
			initData:{
				peopleTypeList:[],
				peopleUpList:[],
				domainList:[
					{label:'领域1',value:1},
					{label:'领域2',value:2},
					{label:'领域3',value:3},
				],
				careerList:[
					{label:'专家',value:1},
					{label:'地陪',value:2},
				]
			},
		}
	}
}
</script>
